.position {
  padding: 12px 0 !important;
  color: @body-font-color;
}

.department .content {
  padding: 20px 0px;
}

.department ul {
  padding: 0;
  margin: 0;
}

.department.banner ul li a {
  line-height: 100px;
  padding: 0 15px;
  color: black;
}

.department.body-wapper ul {
  text-align: center;
  list-style: none;
}

.department.body-wapper ul li {
  margin-left: 10px;
  border-radius: 2px;
}

.department.body-wapper ul li:eq(0) {

  margin-left: 0;
}

#room-list {}

#room-list li {
  padding: 10px 0;
  width: 100%;

}

.room-list-n {
  padding-left: 0px !important;

}

.form-group {
  width: 18% !important;
}

.visit-search input {
  height: 38px;
  width: 100% !important;
}

@media(max-width:768px) {
  .form-group {
      width: 100% !important;

  }
  .search-msg {
      font-size: 16px;

  }
  .visit-search {
      padding-top: 20px;
  }
  .visit-search input {
      height: 38px;
      width: 100% !important;
  }

}

.visit-search .search {
  background-color: @main-color;
  color: white;

}

.department.room-body {
  padding: 18px 0;
}

.d-introduce {
  padding: 30px 0px;
}

.d-introduce ul li {
  padding: 8px 15px;
  float: left;
  text-align: center;
  width: 12%;
  border: solid 1px #ccc;
  border-radius: 6px !important;
  margin-top: 14px;
  color: @body-font-color;
}

@media(max-width:768px) {
  .d-introduce ul li {
      width: 100%;
  }

}

.d-introduce-more {
  padding: 0 0;
}

#zlzx ul a li:hover {
  color: @main-color;
  border-color: @main-color;
}

#fssks ul a li:hover {
  color: #01a992;
  border-color: #01a992;
}

#ssks ul a li:hover {
  color: #d3b195;
  border-color: #d3b195;
}

#ptzs ul a li:hover {
  color: #eb8060;
  border-color: #eb8060;
}

.department_back_to_home {
  height: 1em;
}